// 阅读器阅读页面-默认背景颜色
$reader-viewer-base-bg-color:#CCEFCF;

body {
    margin: 0;
}

.viewer {
    position: relative;
    height: 100vh;
    width: 100vw;
}

.previous-chapter-single-container,
.next-chapter-single-container {
    position: absolute;
    bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    opacity: 0.2;
    z-index: 10;
    color: #fff;
    background-color: rgba(75, 75, 75, 1) !important;
    cursor: pointer;
}

.icon-dropdown {
    display: inline-block;
    height: 12px;
    width: 12px;
    border-top: 3px solid rgba($color: #fff, $alpha: 0.9);
    border-right: 3px solid rgba($color: #fff, $alpha: 0.9);
}

.previous-chapter-single-container {
    left: 15px;
    .icon-dropdown {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
}
}

.next-chapter-single-container {
    right: 15px;

    .icon-dropdown {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
}
}

.reader-setting-icon-container {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 10;
    .el-icon,.toutiao-icon {
        cursor: pointer;
    }
}

.background {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    z-index: -10;
    background-color: $reader-viewer-base-bg-color;
}

